import Chart from "@/components/chart/chart";
import useChart from "@/components/chart/useChart";

const series = [44, 55, 13, 43];
export default function ChartDonut() {
	const chartOptions = useChart({
		labels: ["Apple", "Mango", "Orange", "Watermelon"],
		stroke: {
			show: false,
		},
		legend: {
			horizontalAlign: "center",
		},
		tooltip: {
			fillSeriesColor: false,
		},
		plotOptions: {
			pie: {
				donut: {
					size: "90%",
				},
			},
		},
	});

	return <Chart type="donut" series={series} options={chartOptions} height={320} />;
}
